<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>

<body>
    <form>
        <div>
            <label for="email">邮箱</label>
            <input name="email" id="email" type="email" required id="email" />

        </div>
        <div>
            <label for="range">数字值</label>
            <input name="range"id="range" type="range"required min="1" max="10" />
        </div>
        <div>
            <label for="number">数值</label>
            <input name="number" id="number"type="number"required min="0" max="10" />
        </div>
        <div>
            <label for="color">颜色</label>
            <input name="color" id="color"type="color"required />
        </div>
        <div>
            <label for="time">选取时间</label>
            <input name="time" id="time" type="time"required />
        </div>
        <div>
            <label for="date">选取日月年</label>
            <input name="date" id="date"type="date"required />
        </div>
        <div>
            <label for="week">选取周年</label>
            <input name="week" id="week"type="week" required/>
        </div>
        <div>
            <label for="month">选取月年</label>
            <input name="month" id="month"type="month" />
        </div>

        <div>
            <input type="submit" value="提交">
        </div>
     <autofocus max="1" min="10" step="3" ></autofocus>
    </form>
</body> 

</html>